﻿@using Com.Charence.PassManager.Common;

<!-- start: Main Menu -->
<div class="sidebar ">

    <div class="sidebar-collapse">

        <div class="sidebar-header">

            <img src="@Url.Content("~/Assets/img/avatar.jpg")">

            <h2>@AppContext.Current.LoginUserInfo.FirstName, @AppContext.Current.LoginUserInfo.LastName</h2>
            <h3>@AppContext.Current.LoginUserInfo.UserAccount</h3>

            <div class="user-menu">
                <a id="sidebar-minify" href="#"><i class="fa fa-caret-square-o-left"></i></a>
            </div>

        </div>

        <div class="sidebar-menu">
            <ul class="nav nav-sidebar">

                <li><a href="@Url.Action("Index","Dashboard")"><i class="fa fa-bar-chart-o"></i><span class="text">Dashboard</span></a></li>

                <li>
                    <a class="dropmenu" href="#"><i class="fa fa-laptop"></i><span class="text">Account Manage</span> <span class="fa fa-plus"></span></a>
                    <ul>
                        <li><a class="submenu" href="@Url.Action("AccountGrid","Account")"><i class="fa fa-male"></i><span class="text">My Accounts</span></a></li>
                        <li><a class="submenu" href="@Url.Action("Add","Account")"><i class="fa fa-file"></i><span class="text">New Account</span></a></li>
                    </ul>
                </li>
                <li><a href="widgets.html"><i class="fa fa-dashboard"></i><span class="text">Widgets</span></a></li>

                <li>
                    <a class="dropmenu" href="#"><i class="fa fa-folder-o"></i><span class="text">Example Pages</span> <span class="fa fa-plus"></span></a>
                    <ul>
                        <li><a class="submenu" href="page-activity.html"><i class="fa fa-dot-circle-o"></i><span class="text">Activity</span></a></li>
                        <li>
                            <a class="dropmenu" href="#"><i class="fa fa-envelope"></i><span class="text">Mail</span> <span class="fa fa-plus"></span></a>
                            <ul>
                                <li><a class="submenu" href="page-inbox.html"><i class="fa fa-envelope"></i><span class="text">Inbox View</span></a></li>
                                <li><a class="submenu" href="page-inbox-message.html"><i class="fa fa-envelope"></i><span class="text">Message View</span></a></li>
                                <li><a class="submenu" href="page-inbox-compose.html"><i class="fa fa-envelope"></i><span class="text">Compose</span></a></li>

                            </ul>
                        </li>
                        <li><a class="submenu" href="page-invoice.html"><i class="fa fa-file-text"></i><span class="text">Invoice</span></a></li>
                        <li><a class="submenu" href="page-todo.html"><i class="fa fa-tasks"></i><span class="text">ToDo & Timeline</span></a></li>
                        <li><a class="submenu" href="page-profile.html"><i class="fa fa-male"></i><span class="text">Profile</span></a></li>
                        <li><a class="submenu" href="page-pricing-tables.html"><i class="fa fa-table"></i><span class="text">Pricing Tables</span></a></li>
                        <li><a class="submenu" href="page-404.html"><i class="fa fa-unlink"></i><span class="text">404</span></a></li>
                        <li><a class="submenu" href="page-500.html"><i class="fa fa-unlink"></i><span class="text">500</span></a></li>
                        <li><a class="submenu" href="page-lockscreen.html"><i class="fa fa-lock"></i><span class="text">LockScreen</span></a></li>
                        <li><a class="submenu" href="page-lockscreen2.html"><i class="fa fa-lock"></i><span class="text">LockScreen2</span></a></li>
                        <li><a class="submenu" href="page-login.html"><i class="fa fa-key"></i><span class="text">Login Page</span></a></li>
                        <li><a class="submenu" href="page-register.html"><i class="fa fa-sign-in"></i><span class="text">Register Page</span></a></li>
                    </ul>
                </li>
                <li>
                    <a class="dropmenu" href="#"><i class="fa fa-edit"></i><span class="text">Forms</span> <span class="fa fa-plus"></span></a>
                    <ul>
                        <li><a class="submenu" href="form-elements.html"><i class="fa fa-edit"></i><span class="text">Form elements</span></a></li>
                        <li><a class="submenu" href="form-wizard.html"><i class="fa fa-edit"></i><span class="text">Wizard</span></a></li>
                        <li><a class="submenu" href="form-dropzone.html"><i class="fa fa-edit"></i><span class="text">Dropzone Upload</span></a></li>
                        <li><a class="submenu" href="form-x-editable.html"><i class="fa fa-edit"></i><span class="text">X-editable</span></a></li>
                    </ul>
                </li>
                <li>
                    <a class="dropmenu" href="#"><i class="fa fa-list-alt"></i><span class="text">Charts</span> <span class="fa fa-plus"></span></a>
                    <ul>
                        <li><a class="submenu" href="charts-flot.html"><i class="fa fa-chevron-right"></i><span class="text">Flot Charts</span></a></li>
                        <li><a class="submenu" href="charts-xcharts.html"><i class="fa fa-chevron-right"></i><span class="text">xCharts</span></a></li>
                        <li><a class="submenu" href="charts-others.html"><i class="fa fa-chevron-right"></i><span class="text">Other</span></a></li>
                    </ul>

                </li>
                <li><a href="typography.html"><i class="fa fa-font"></i><span class="text">Typography</span></a></li>

                <li><a href="gallery.html"><i class="fa fa-picture-o"></i><span class="text">Gallery</span></a></li>
                <li><a href="table.html"><i class="fa fa-align-justify"></i><span class="text">Tables</span></a></li>
                <li><a href="calendar.html"><i class="fa fa-calendar"></i><span class="text">Calendar</span></a></li>
                <li>
                    <a class="dropmenu" href="#"><i class="fa fa-star"></i><span class="text">Icons</span> <span class="fa fa-plus"></span></a>
                    <ul>
                        <li><a class="submenu" href="icons-halflings.html"><i class="fa fa-star"></i><span class="text">Halflings</span></a></li>
                        <li><a class="submenu" href="icons-glyphicons-pro.html"><i class="fa fa-star"></i><span class="text">Glyphicons PRO</span></a></li>
                        <li><a class="submenu" href="icons-filetypes.html"><i class="fa fa-star"></i><span class="text">Filetypes</span></a></li>
                        <li><a class="submenu" href="icons-social.html"><i class="fa fa-star"></i><span class="text">Social</span></a></li>
                        <li><a class="submenu" href="icons-font-awesome.html"><i class="fa fa-star"></i><span class="text">Font Awesome</span></a></li>
                        <li><a class="submenu" href="icons-climacons.html"><i class="fa fa-star"></i><span class="text">Climacons</span></a></li>
                    </ul>
                </li>
                <li>
                    <a class="dropmenu" href="#"><i class="fa fa-folder-open"></i><span class="text">4 Level Menu</span> <span class="fa fa-plus"></span></a>
                    <ul>
                        <li><a href="2nd-level.html"><i class="fa fa-folder"></i><span class="text">2nd Level</span></a></li>
                        <li>
                            <a class="dropmenu" href="#"><i class="fa fa-folder-open"></i><span class="text">2nd Level</span> <span class="fa fa-plus"></span></a>
                            <ul>
                                <li><a href="3rd-level.html"><i class="fa fa-folder"></i><span class="text">3rd Level</span></a></li>
                                <li>
                                    <a class="dropmenu" href="#"><i class="fa fa-folder-open"></i><span class="text">3rd Level</span> <span class="fa fa-plus"></span></a>
                                    <ul>
                                        <li>
                                            <a class="submenu" href="4th-level.html"><i class="fa fa-folder"></i><span class="text">4th Level</span></a>
                                        </li>
                                    </ul>
                                </li>
                                <li>
                                    <a class="dropmenu" href="#"><i class="fa fa-folder-open"></i><span class="text">3rd Level</span> <span class="fa fa-plus"></span></a>
                                    <ul>
                                        <li>
                                            <a class="submenu" href="4th-level2.html"><i class="fa fa-folder"></i><span class="text">4th Level</span></a>
                                        </li>
                                    </ul>
                                </li>
                            </ul>
                        </li>
                    </ul>
                </li>
            </ul>
        </div>
    </div>
    <div class="sidebar-footer">

        <ul class="sidebar-footer-menu">
            <li><a href="#"><i class="fa fa-cog"></i>Settings</a></li>
            <li><a href="#"><i class="fa fa-sign-out"></i>Logout</a></li>
        </ul>

        <div class="sidebar-brand">
            Pass Manager
				
        </div>

        <ul class="sidebar-terms">
            <li><a href="#">Terms</a></li>
            <li><a href="#">Privacy</a></li>
            <li><a href="#">Help</a></li>
            <li><a href="#">About</a></li>
        </ul>

    </div>
</div>
<!-- end: Main Menu -->
